<%--
  Created by IntelliJ IDEA.
  User: isoft-work 5
  Date: 11/18/14
  Time: 12:33 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div style="position: relative;" class="GoogleActiveViewClass" id="DfaVisibilityIdentifier_4030161162358279625">
  <style>
    #horizontalCarousel{position:relative }
    #horizontalCarousel .previousButton,#horizontalCarousel .nextButton{display:block;position:absolute;height:57px;width:33px;top:240px;cursor:pointer;z-index:10;opacity:0.5}
    #horizontalCarousel .previousButton{left:210px;background:transparent url() no-repeat}
    #horizontalCarousel .nextButton{right:10px;background:transparent url() no-repeat}
    #horizontalCarousel .nextButton:hover,#horizontalCarousel .previousButton:hover{opacity:1}
    .cycleNav{display:block;position:absolute;bottom:10px;left:200px;padding:0 5px;z-index:99}
    .cycleNav a{font-family:Arial;background:none repeat scroll 0 0 #fff;border:1px solid #fff;color:#000;font-size:11px;margin:0 1px;padding:2px 5px;text-decoration:none}
    .cycleNav a.activeSlide{background-color:#000;color:#fff;border:1px solid #000}
  </style>
  <script src="<%=request.getContextPath()%>/library/scroll/jquery-1.js" type="text/javascript"></script>
  <script src="<%=request.getContextPath()%>/library/banner/dfa_carousel170514.js" type="text/javascript"></script>
  <script src="<%=request.getContextPath()%>/library/banner/lidar.js" type="text/javascript"></script>
  <script language="javascript" type="text/javascript">
    Rocket.DoubleclickForAdvertisersCarousel.show({
      width : 996,
      height : 504,
      maxframes: 6,
      timeout: 7000, // ms between slide changes
      speed: 1000,    // duration of change animation
      fx: 'fade', // scrollHorz is default effect, others: http://goo.gl/TYbvE
      pause: 1,      // pause slider when hovering the carousel with the mouse
      nav: true,     // show page navigation
      after: function () { var frame = $('.frames li:visible iframe'), url = frame.attr('data-src'); if (url != '') { frame.attr('src', url).attr('data-src', ''); }},
      frames: [
        '<%=request.getContextPath()%>/images/men/banner/1.jpg',
        '<%=request.getContextPath()%>/images/men/banner/2.jpg',
        '<%=request.getContextPath()%>/images/men/banner/3.jpg'
      ]
    });
  </script>
  <div id="horizontalCarousel" class="bigBlock nav">
    <%--<ul style="position: relative; width: 996px; height: 504px;" class="frames">--%>
    <%--<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 4; opacity: 0;">--%>
    <%--<a href="#" target="_top">--%>
    <%--<img src="<%=request.getContextPath()%>/images/women/banner/1.jpg" border="0">--%>
    <%--</a>--%>
    <%--</li>--%>
    <%--<li style="position: absolute; top: 0px; left: 0px; display: block; z-index: 4; opacity: 0.478016; width: 996px; height: 504px;">--%>
    <%--<a href="#" target="_top">--%>
    <%--<img src="<%=request.getContextPath()%>/images/women/banner/2.jpg" border="0">--%>
    <%--</a>--%>
    <%--</li>--%>
    <%--<li style="position: absolute; top: 0px; left: 0px; display: block; z-index: 5; opacity: 0.521984; width: 996px; height: 504px;">--%>
    <%--<a href="#" target="_top">--%>
    <%--<img src="<%=request.getContextPath()%>/images/women/banner/3.jpg" border="0">--%>
    <%--</a>--%>
    <%--</li>--%>
    <%--<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 1; opacity: 0;">--%>
    <%--<a href="#" target="_top">--%>
    <%--<img src="<%=request.getContextPath()%>/images/women/banner/4.jpg" border="0">--%>
    <%--</a>--%>
    <%--</li>--%>
    <%--</ul>--%>
    <a class="nextButton iconSprite"></a>
    <a class="previousButton iconSprite"></a>
    <div class="navWrp">
    </div>
  </div>
</div>

